<template>
  <div class="contact_container">
    <div class="contact_list">
      <img src="" alt="二维码">
      <p class="disc">
        Q Q(<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3723945&site=qq&menu=yes" class="chat">点击直接聊天</a>)
      </p>
    </div>
    <div class="contact_list">
      <img src="" alt="二维码">
      <p class="disc">微 信</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'callus'
}
</script>

<style lang="less" scoped>
  .contact_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px;
    background: #fff;
    width: 100%;
    max-width: 68vh;
    position: fixed;
    .contact_list {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      img {
        width: 236px;
        height: 236px;
        box-shadow: 1px 1px 20px 1px #000;
        border-radius: 4px;
      }
      .disc {
        line-height: 40px;
        color: #000;
        font-size: 16px;
        font-weight: bold;
        .chat {
          color: #300daf;
          font-size: 14px;
          text-decoration: underline;
        }
      }
    }
  }
</style>
